<!DOCTYPE html>
<html lang="en" class="ie_11_scroll">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>C+预约</title>
    <!-- CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/templatemo_style.css">
    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="favicon.png"/>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="/assets/js/amazeui.ie8polyfill.min.js"></script>
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/amazeui.min.js"></script>
    <script src="/assets/js/app.js"></script>
    <link rel="stylesheet" href="/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/assets/css/admin.css">
</head>
<body>
<header class="am-topbar am-topbar-fixed-top">
    <h1 class="am-topbar-brand">
        <a href="#">C+预约</a>
    </h1>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
            data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
            class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
        <div hidden>
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active"><a href="#">首页</a></li>
                <li><a href="#">项目</a></li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        下拉 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">标题</li>
                        <li><a href="#">1. 去月球</a></li>
                        <li class="am-active"><a href="#">2. 去火星</a></li>
                        <li><a href="#">3. 还是回地球</a></li>
                        <li class="am-disabled"><a href="#">4. 下地狱</a></li>
                        <li class="am-divider"></li>
                        <li><a href="#">5. 桥头一回首</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="am-topbar-right">
            <a href="/bk/user/" class="am-btn am-btn-secondary am-topbar-btn am-btn-sm am-dropdown-toggle"
                    data-am-dropdown-toggle>登录</a>
            <a href="/bk/web/register" class="am-btn am-btn-primary am-topbar-btn am-btn-sm">注册</a>
        </div>
    </div>
</header>
<!-- Top menu -->
<div class="show-menu" hidden>
    <a href="#" class="shadow-top-down">+</a>
</div>
<nav class="main-menu shadow-top-down">
    <ul class="nav nav-pills nav-stacked">
        <li><a href="#templatemo_home" class="scroll_effect">Home</a></li>
        <li><a href="#templatemo_features" class="scroll_effect">Features</a></li>
        <li><a href="#templatemo_download" class="scroll_effect">Download</a></li>
        <li><a href="http://www.facebook.com/templatemo" rel="nofollow" target="_parent">Fan Page</a></li>
        <li><a href="elements.html">Elements</a></li>
        <li><a href="#templatemo_contact" class="scroll_effect">Contact</a></li>
    </ul>
</nav>
<!-- Home -->
<section id="templatemo_home">
    <div class="container">
        <div class="templatemo_home_inner_wapper">
            <h1 class="text-center"><i class="fa fa-mobile-phone"></i> C+预约</h1>
        </div>
        <div class="templatemo_home_inner_wapper">
            <h2 class="text-center">管理您的预约的最好帮手</h2>

            <p class="text-center">
                This is an app landing page from
                <a rel="nofollow" href="http://www.templatemo.com" target="_parent">templatemo</a>.
                Credits go to <a rel="nofollow" href="http://getbootstrap.com/" target="_parent">Bootstrap</a>,
                <a rel="nofollow" href="http://stocksnap.io/" target="_parent">stocksnap.io</a> for images,
                <a rel="nofollow" href="http://subtlepatterns.com/" target="_parent">subtlepatterns.com</a> for
                background patterns.
            </p>
        </div>
        <div class="templatemo_home_inner_wapper btn_wapper">
            <div class="col-sm-6">
                <a href="#templatemo_features" class="btn col-xs-12 scroll_effect shadow-top-down">
                    <i class="fa fa-align-justify"></i> 特色功能
                </a>
            </div>
            <div class="col-sm-6">
                <a href="#templatemo_download" class="btn col-xs-12 scroll_effect shadow-top-down">
                    <i class="fa fa-download"></i> 立即使用
                </a>
            </div>
        </div>
    </div>
</section>
<!-- Features -->
<section id="templatemo_features">
    <div class="container-fluid">
        <header class="template_header">
            <h1 class="text-center"><span>...</span> 特色功能 <span>...</span></h1>
        </header>
        <div class="col-sm-12">
            <div class="col-sm-6 col-lg-3 feature-box">
                <div class="feature-box-inner">
                    <div class="feature-box-icon">
                        <i class="fa fa-music"></i>
                    </div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim ad.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3 feature-box">
                <div class="feature-box-inner">
                    <div class="feature-box-icon">
                        <i class="fa fa-pagelines"></i>
                    </div>
                    <p>
                        Quis nostrud exercitation ullamco laboris nisi ut aliquip. Duis aute irure dolor in
                        reprehenderit in voluptate velit esse.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3 feature-box">
                <div class="feature-box-inner">
                    <div class="feature-box-icon">
                        <i class="fa fa-ship"></i>
                    </div>
                    <p>
                        Cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
                        culpa qui officia deserunt.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3 feature-box">
                <div class="feature-box-inner">
                    <div class="feature-box-icon">
                        <i class="fa fa-trophy"></i>
                    </div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim ad.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>
<!-- Download -->
<section id="templatemo_download">
    <div class="container">
        <header class="template_header">
            <h1 class="text-center"><span>...</span> 立即使用 <span>...</span></h1>
        </header>
        <div class="templatemo_download_text_wapper">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
            </p>
        </div>
        <div class="col-xs-12">
            <h2>15,050,500</h2>
        </div>
        <div class="col-xs-12">
            <p>已经有超过100家企业在使用我们的系统</p>
        </div>
        <div class="col-xs-12">
            <a href="register" class="shadow-top-down"><img src="images/download_btn.png"/></a>
        </div>
    </div>
</section>
<!-- Contact -->
<section id="templatemo_contact" hidden>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <header class="template_header">
                    <h1 class="text-center"><span>...</span> Contact <span>...</span></h1>
                </header>
                <p class="text-center">
                    <i class="fa fa-map-marker"></i> 1234 Lincoln Way, San Francisco, California<br/>
                    <i class="fa fa-envelope"></i> Email: <a href="mailto:info@company.com">info@company.com</a><br/>
                    <i class="fa fa-phone"></i> Phone: <a href="tel:010-020-0340">010-020-0340</a>
                </p>
            </div>
        </div>
        <form role="form" action="#" method="post">
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-user"></i></div>
                    <input type="text" name="name" class="form-control" id="contact-name" placeholder="Name">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-at"></i></div>
                    <input type="text" name="email" class="form-control" placeholder="Email">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-envelope-o"></i></div>
                    <textarea name="message" class="form-control" id="contact-message" placeholder="Message"></textarea>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-xs-6 col-xs-offset-6">
                    <button type="submit" class="form-control">Send</button>
                </div>
            </div>
        </form>
        <div class="row">
            <div class="col-md-6 col-md-offset-3">
                <ul class="nav nav-pills social">
                    <li><a href="#" class="shadow-top-down social-facebook"><i class="fa fa-facebook-official"></i></a>
                    </li>
                    <li><a href="#" class="shadow-top-down social-twitter"><i class="fa fa-twitter-square"></i></a></li>
                    <li><a href="#" class="shadow-top-down social-youtube"><i class="fa fa-youtube-square"></i></a></li>
                    <li><a href="#" class="shadow-top-down social-instagram"><i class="fa fa-instagram"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- Footer -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 footer-copyright">
                <p>Copyright <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">C+预约</a><a
                        href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
            </div>
        </div>
    </div>
</footer>
<!-- require plugins -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.parallax.js"></script>
<!-- template mo config script -->
<script src="js/templatemo_scripts.js"></script>
</body>
</html>